<!-- 侧边栏 -->
<div class="sidebar">
    <div class="sidebar-header">
        <div class="app-logo">
            <i class="bi bi-chat-square-text-fill"></i>
            <span>HzSparrowAI</span>
        </div>
        <button class="toggle-sidebar-btn" title="收起侧边栏">
            <i class="bi bi-layout-sidebar"></i>
        </button>
    </div>

    <div class="sidebar-section">
        <button class="new-chat-btn" onclick="createNewConversation()" title="开始新对话">
            <i class="bi bi-chat"></i>
            <span>开始新对话</span>
        </button>
    </div>

    <div class="sidebar-section-title">
        <span>今天</span>
    </div>
    
    <div id="conversation-items" class="conversation-list">
        <div class="empty-placeholder">
            <i class="bi bi-chat-square-text"></i>
            <p>暂无对话记录</p>
            <p class="hint">点击"开始新对话"开始聊天</p>
        </div>
    </div>
    
    <div class="sidebar-section-title">
        <span>30天内</span>
    </div>
    
    <div class="history-conversations">
        <!-- 历史对话将通过JavaScript动态生成 -->
    </div>
    
    <div class="sidebar-section-title">
        <span>2025-03</span>
    </div>
    
    <div class="archived-conversations">
        <!-- 存档对话将通过JavaScript动态生成 -->
    </div>
    
    <div class="sidebar-footer">
        <div id="username-display" class="user-info">
            <!-- 用户信息将在这里显示 -->
        </div>
        <button class="logout-btn" onclick="logout()" title="退出登录">
            <i class="bi bi-box-arrow-right"></i>
            <span>退出登录</span>
        </button>
    </div>
</div> 